<template>
<!-- 入口  -->
<div class="content-box">
    <div class="index-content">
        <p class="index-des">出纳 —— 快捷入口</p>
        <div class="index-entry">
            <a href="javascript:;" class="index-entry-items1" @click="pay">我要收款</a>
            <a href="javascript:;" class="index-entry-items2" @click="rcv">我要付款</a>
            <a href="javascript:;" class="index-entry-items3" @click="journal">日记账</a>
        </div>
    </div>
</div>
</template>
<script>
import axios from '../../util/axios'
import Navs from '../Navs.vue'
import { mapState } from 'vuex'
export default {
    name: 'Entrance',
    data() {
        return {}
    },
    methods: {
        pay() {
            this.$router.push({name:'WorkRouter',params:{ num: 1 }})
        },
        rcv() {
            this.$router.push({name:'WorkRouter',params:{ num: 2 }})
        },
        journal() {
            this.$router.push('/bookmoney')
        },
        //获取用户权限
        /* getPermiss() {
            axios.get('getPermissions').then(res => {
                 this.permissItem = res.data;
                this.$store.dispatch('setPermissions', {
                    permissions: res.data.map(res => {
                        return res.Title
                    })
                }); //保存权限到全局
            }).catch(err => {
                console.log(err);
            }) 
        }, */
    },
    created() {
        //获取用户权限
        // this.getPermiss();
    }
}
</script>
<style scoped lang="scss">
@import '../../common/css/index.css';
.index-des {
    width: 740px;
    margin: 30px auto 20px auto;
    font-size: 16px;
    font-weight: bold;
}

.index-entry {
    width: 740px;
    height: 200px;
    line-height: 200px;
    background-color: #FFF;
    margin: 0 auto;
    box-shadow: 1px 1px 5px 1px #DDD;
    .index-entry-items1 {
        background: url(/static/content/images/CashierMain/collection.png) no-repeat;
        background-size: 100%;
    }
    .index-entry-items2 {
        background: url(/static/content/images/CashierMain/pay.png) no-repeat;
        background-size: 100%;
    }
    .index-entry-items3 {
        background: url(/static/content/images/CashierMain/journal.png) no-repeat;
        background-size: 100%;
    }
    a {
        display: inline-block;
        width: 90px;
        height: 120px;
        text-align: justify;
        text-align: center;
        color: #000;
        margin: 50px 0 0 108.3333px;
        text-decoration: none;
        padding:15px 0;
    }
}
</style>
